<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="../css/myabout.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="../css/mycommon.css" />
    <link href="../css/font-awesome.min.css" rel="stylesheet">
    <script src="main.js"></script>
</head>
<body>
    <div class="main2">
        <div class="header">
            <div></div>
            <div class="header_1">
                <div class="header_11">
                    <img src="../image/logo@2x.png" width="160px" height="55px" >
            </div>
      <div class="header_12" id="list">
         <ul>
             <li>
             <a href="../html/index.html" class="first">音乐馆</a></li>
             <li class="music"> <a href="../html/mymusic.html">我的音乐</a></li>
             <li>  <a href="#">客户端</a></li>
             <li><a href="#">音乐号</a></li>
             <li> <a href="#">vip</a></li>
         </ul>
      </div>
      <div class="header_13">
        <div class="header_131"> 
             <div class="header_1311">
                 <div class="header_13111">
                        <input type="text" placeholder="搜索音乐，mv，歌单，用户" class="input">
                 </div>
                  <div class="header_13112">
                        <a href="#">
                            <img src="../image/icon2.jpg" width="18px" height="18px">
                            </a>
                  </div>
                </div>
                <div class="header_1312">    
                           <a href="#">登录</a>
                        </div>
                    </div>  
      </div>
      <div class="header_14"><div class="header_141"><a href="#">开通绿钻豪华版</a></div></div>
       <div class="header_15"><a href="#">开通付费包</a></div>       
    </div>
    <div class="bg">
        <div class="bg2"></div>
        <div class="bg1">
            <h2 class="h2">私人音乐空间，听我想听的歌</h2>
            <div class="bg11">登录管理我的音乐，多终端同步</div>
            <br>
            <a href="#" class="clj"><p>立即登录</p></a>
        </div>
    </div>
    <div class="footer">
            <div class="footer1">
                <div class="footer11">
                    <div class="footer111">
                        <div class="footer1111">
                           <div class="footer1111_1">下载qq音乐客户端</div> 
                        <div class="footer1111_2">
                            <a href="#">pc版</a>   &nbsp;&nbsp;&nbsp;
                        <a href="#">mac版</a>   &nbsp;&nbsp;&nbsp;
                        <a href="#">Android版</a>   &nbsp;&nbsp;&nbsp;
                        <a href="#">iphone版</a></div>
                     </div>
                        <div class="footer1112">
                                <div class="footer1111_1">特色产品</div> 
                                <div class="footer1111_2">
                                        <a href="#">全民K歌</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">supersound</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">QPLAY</a>   &nbsp;&nbsp;&nbsp;<br><br><br>
                                    <a href="#">车载互联</a> &nbsp;&nbsp;&nbsp;
                                    <a href="#">qq演出</a>
                                </div>
                            </div>
                        <div class="footer1112">
                                <div class="footer1111_1">下载qq音乐客户端</div>
                                <div class="footer1111_3">
                                        <a href="#">CJ E&M</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">腾讯视频</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">手机qq空间</a>   &nbsp;&nbsp;&nbsp;
                                    <br>    <br>
                                    <a href="#">最新qq版</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">腾讯社交广告</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">电脑管家</a>   &nbsp;&nbsp;&nbsp;
                                    <br>    <br>
                                    <a href="#">qq浏览器</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">腾讯微云</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">腾讯云</a>   &nbsp;&nbsp;&nbsp;
                                    <br>    <br>
                                    <a href="#">企鹅FM</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">智能电视网</a>   &nbsp;&nbsp;&nbsp;
                                    <a href="#">当贝市场</a>   &nbsp;&nbsp;&nbsp;
                                </div>
                        </div>
                    </div>
                    <div class="footer112">开放平台</div>
                    <div class="footer113"><a href="#">腾讯音乐人平台</a>
                        &nbsp;&nbsp;&nbsp;
                <a href="#">上传视频</a>&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;
                    <a href="#">音乐号认证</a>&nbsp;&nbsp;&nbsp;
                <a href="#">上传视频</a>&nbsp;&nbsp;&nbsp;
            <a href="#">上传音频</a></div>
                </div>
            </div>
            <div class="footer2">
                <a href="#">关于腾讯</a>|
                <a href="#">about tencent</a>|
                <a href="#">服务条款</a>|
                <a href="#">用户服务协议</a>|
                <a href="#">隐私政策</a>|
                <a href="#">权利声明</a>|
                <a href="#">广告服务</a>|
                <a href="#">腾讯招聘</a>|
                <a href="#">客户中心</a>|
                <a href="#">网站导航</a>
                <br><br>
                <p>Copyright © 1998 - 2018 Tencent. All Rights Reserved.</p>
                
                <p>腾讯公司    <a href="#">版权所有    </a><a href="#">腾讯网络文化经营许可证</a></p>
            </div>
        </div>
      
    </div>
    <div class="fudong">
            <a href="#" class="lianjie"><i class="fa fa-angle-up"></i></a>
            <a href="#" class="lianjie">反馈</a>
            <a href="#" class="lianjie"><i class="fa fa-play-circle-o"></i></a>
          </div>
</body>
</html>